<template>
  <div class="box">
        <ul class="ul">
              <li class="current">
                <span class="iconfont icon-shouye"></span><br>
                首页
              </li>
            <li>
                <span class="iconfont icon-yinliao"></span><br>
                点单
              </li>
            <li>
                <span class="iconfont icon-gouwudai"></span><br>
                百货
              </li>
            <li>
                <span class="iconfont icon-dingdan"></span><br>
                订单
              </li>
            <li>
                <span class="iconfont icon-wode"></span><br>
                我的
              </li>
          </ul>
  </div>
</template>

<script>
export default {
  name: 'OrderMenu-footer',
  props: {
    msg: String
  }
}
</script>


<style scoped>
  @import url(../../assets/Menus/iconfont/iconfont.css);
  .box{width: 100%;
      height: 60px;
      background-color: rgb(236, 237, 238);
      /* border:0.01rem solid black; */}
      .ul{
        display: flex;width: 100%;
         height: 60px;
        justify-content: space-around;
        border-top:1px solid #1f1f1f;
      }
      .ul li{font-size: 13px;color: #1f1f1f;text-align: center;align-self: center;line-height: 20px;}
       span{font-size: 25px;font-weight: bold;}
      .ul .current{color:black;}
</style>
